<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/my.css">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1, user-scalable=no">
</head>
<body>
<div class="header-box">
  <p>我的共享绘本</p>
</div>
<div class="shareBook">
  <div class="shareBook_box">
    <img src="img/my/tuceng 21@2x.png">
    <span>
      分享总收益: <i>2890</i><b>鱼币</b>
    </span>
    <a href="shareBOO.html">
      <img src="img/my/tuceng 22@2x.png">分享绘本
    </a>
  </div>
</div>
<div class="huise3"></div>
<div class="shareBook_con">
  <div class="shareBook_con_title">
    <img src="img/my/tuceng 30@2x.png">
    <span>绘本漂流轨迹</span>
  </div>
  <div class="shareBook_con_bott" >
    <ul id="shareBook_con_bott_list">
      <li>
        <img src="img/index/tuceng 32@2x.png">
        <div class="box_right">
          <p> 牙虫大搬家 </p>
          <p>(日)西本康子</p>
          <p>最近借阅者： </p>
          <p><img src="img/my/touxiang@2x.png"><b>永不言弃</b></p>
        </div>
      </li>
      <li>
        <img src="img/index/tuceng 30@2x.png">
        <div class="box_right">
          <p> 鸭子骑车记 </p>
          <p>(美)大卫·香农</p>
          <p>最近借阅者： </p>
          <p><img src="img/my/touxiang@2x.png"><b>永不言弃</b></p>
        </div>
      </li>
      <li>
        <img src="img/index/tuceng 31@2x.png">
        <div class="box_right">
          <p> 胆小鬼威利 </p>
          <p>(英)安东尼·布朗</p>
          <p>最近借阅者： </p>
          <p><img src="img/my/touxiang@2x.png"><b>永不言弃</b></p>
        </div>
      </li>
    </ul>
  </div>
</div>
<div class="footer_kb"></div>
<div class="footer_kb1"></div>
</body>
<script src="js/jquery.js"></script>
<script src="js/base.js"></script>
<script>
  $("#shareBook_con_bott_list>li").click(function (e) {
    e.preventDefault();
    self.location="trackDetails.html";
  });
</script>
</html>